<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商城详情页</title>
    <!-- 引入默认css样式文件 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 引入公共css样式文件 -->
    <link rel="stylesheet" href="./css/commonn.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/module.css">
    <link rel="stylesheet" href="./css/slider.css">
    <!-- 引入jQuery -->
    <script src="./lib/jquery.js"></script>
    <!-- 引入当前css样式文件 -->
    <link rel="stylesheet" href="./css/product_list.css">
</head>

<body>
    <!-- 头部开始 -->
    <div class="header">
        <!-- 头部上 -->
        <div class="header_top">
            <div class="wrapper">
                <span class="span1">legochina.cn</span>
                <span class="span2 fr">
                    欢迎光临<a href="#" class="a1">乐购</a>,
                    请 <a href="#" class="a2">登录</a>\
                    <a href="#" class="a1">注册</a>
                </span>
                <!-- logo -->
                <img src="./imgs/01_header/logo.jpg" alt="">
            </div>
        </div>
        <!-- 头部中 -->
        <div class="header_mid clearfix wrapper">
            <!-- 搜索框 -->
            <form action="#" class="clerafix fl search">
                <input type="text" placeholder="创意文具" class="inp fl">
                <input type="button" class="btn fl">
            </form>
            <!-- 购物车,我的订单 -->
            <div class="div1 clearfix fr">
                <span class="fl">
                    <p>购物车 3</p>
                </span>
                <span class="fl">我的订单</span>
            </div>
        </div>
        <!-- 头部下 -->
        <ul class="clearfix wrapper">
            <li><a href="#">图书</a></li>
            <li><a href="#">电子书</a></li>
            <li><a href="#">原创文学</a></li>
            <li><a href="#">服装</a></li>
            <li><a href="#">运动户外</a></li>
            <li><a href="#">孕婴童</a></li>
            <li><a href="#">家居</a></li>
            <li><a href="#">创意文具</a></li>
            <li><a href="#">地方特产</a></li>
            <li><a href="#">海外购</a></li>
            <li><a href="#">电器城</a></li>
        </ul>
    </div>
    <!-- 头部结束 -->

    <!-- banner区域开始 -->
    <div id="banner" class="wrapper clearfix">

        <!-- banner区域左边的轮播图 -->
        <div class="pptbox fl" id="slider">
            <ul class="innerwrapper">
                <li>
                    <a href="#">
                        <img src="./imgs/02_banner/ppt1-1.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./imgs/02_banner/ppt1-2.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./imgs/02_banner/ppt1-4.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./imgs/02_banner/ppt1-3.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./imgs/02_banner/ppt1-5.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./imgs/02_banner/ppt1-5.jpg" />
                    </a>
                </li>
            </ul>
            <ul class="controls">
                <li class="current">1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>6</li>
            </ul>
            <span class="btnleft"></span>
            <span class="btnright"></span>
        </div>

        <div class="sale-right fr">
            <h2 class="fs24px color80">新书畅销榜</h2>
            <ol>
                <li class="hot_book">
                    <span>1</span>
                    <p class="hidden">就喜欢你看不惯我 又干不</p>
                    <div class="recomm_word fs14px clearfix present">
                        <img class="fl" src="./imgs/book/book1.jpg" alt="">
                        <p class="fr">
                            从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                            王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li class="hot_book">
                    <span>2</span>
                    <p>就喜欢你看不惯我 又干不</p>
                    <div class="recomm_word fs14px clearfix">
                        <img class="fl" src="./imgs/book/book10.jpg" alt="">
                        <p class="fr">
                            从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                            王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li class="hot_book">
                    <span>3</span>
                    <p>就喜欢你看不惯我 又干不</p>
                    <div class="recomm_word fs14px clearfix">
                        <img class="fl" src="./imgs/book/book14.jpg" alt="">
                        <p class="fr">
                            从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                            王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li class="hot_book">
                    <span>4</span>
                    <p>就喜欢你看不惯我 又干不</p>
                    <div class="recomm_word fs14px clearfix">
                        <img class="fl" src="./imgs/book/book15.jpg" alt="">
                        <p class="fr">
                            从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                            王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li class="hot_book">
                    <span>5</span>
                    <p>就喜欢你看不惯我 又干不</p>
                    <div class="recomm_word fs14px clearfix">
                        <img class="fl" src="./imgs/book/book16.jpg" alt="">
                        <p class="fr">
                            从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                            王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li class="hot_book">
                    <span>6</span>
                    <p>就喜欢你看不惯我 又干不</p>
                    <div class="recomm_word fs14px clearfix">
                        <img class="fl" src="./imgs/book/book17.jpg" alt="">
                        <p class="fr">
                            从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                            王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li class="hot_book">
                    <span>7</span>
                    <p class="last">就喜欢你看不惯我 又干不</p>
                    <div class="recomm_word fs14px clearfix">
                        <img class="fl" src="./imgs/book/book10.jpg" alt="">
                        <p class="fr">
                            从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                            王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
            </ol>

        </div>

    </div>
    <!-- banner区域结束 -->

    <div class="warImg wrapper mt40px"></div>

    <!-- main区域开始 -->
    <div id="main" class="mt40px">
        <div class="wrapper">
            <!-- 乐购图书折扣区开始 -->
            <div class="book_discount">
                <!-- 折扣区标题区域  -->
                <h2 class="ffSimHei fs24px">乐购·图书折扣区</h2>
                <div class="line"></div>
                <!-- 折扣区产品列表区 -->
                <ul class="global_list clearfix">
                    <script>
                        for (i = 0; i < 5; i++) {
                            document.write(`
                            <li>
                        <a href="#">
                            <img src="./imgs/book/book1.jpg" alt="">
                        </a>
                        <img src="./imgs/book/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./imgs/book/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:38</span>
                                <span class="delprice">￥:58</span>
                            </p>
                        </div>
                    </li>
                            `)
                        }
                        for (i = 0; i < 5; i++) {
                            document.write(`
                            <li>
                        <a href="#">
                            <img src="./imgs/book/book14.jpg" alt="">
                        </a>
                        <img src="./imgs/book/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./imgs/book/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:38</span>
                                <span class="delprice">￥:58</span>
                            </p>
                        </div>
                    </li>
                            `)
                        }
                    </script>
                </ul>
            </div>
            <!-- 乐购图书折扣区结束 -->

            <!-- 新书上架开始 -->
            <div class="newbook_sale mt40px clearfix">
                <!-- 折扣区左边区域  -->
                <div class="sale-left fl ">
                    <h2 class="ffSimHei fs24px"><span class="fs28px">新</span>书上架</h2>
                    <div class="line"></div>
                    <!-- 折扣区产品列表区 -->
                    <ul class="global_list clearfix">
                        <script>
                            for (i = 0; i < 10; i++) {
                                document.write(`
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/book/book15.jpg" alt="">
                                        </a>
                                        <div class="text ffSimHei">
                                            <p class="fs14px color33">查理 斯密斯</p>
                                            <p class="fs14px">中国邮电出版社</p>
                                            <p class="fs18px">
                                                <span class="newprice">￥49</span>
                                                <span class="delprice">￥79</span>
                                            </p>
                                        </div>
                                    </li>
                                `)
                            }
                        </script>
                    </ul>
                </div>
                <div class="sale-right fr">
                    <h2 class="fs24px color80">新书畅销榜</h2>
                    <ol>
                        <li class="hot_book">
                            <span>1</span>
                            <p class="hidden">就喜欢你看不惯我 又干不</p>
                            <div class="recomm_word fs14px clearfix present">
                                <img class="fl" src="./imgs/book/book1.jpg" alt="">
                                <p class="fr">
                                    从你的世界路过
                                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                                    王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                                </p>
                            </div>
                        </li>
                        <li class="hot_book">
                            <span>2</span>
                            <p>就喜欢你看不惯我 又干不</p>
                            <div class="recomm_word fs14px clearfix">
                                <img class="fl" src="./imgs/book/book10.jpg" alt="">
                                <p class="fr">
                                    从你的世界路过
                                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                                    王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                                </p>
                            </div>
                        </li>
                        <li class="hot_book">
                            <span>3</span>
                            <p>就喜欢你看不惯我 又干不</p>
                            <div class="recomm_word fs14px clearfix">
                                <img class="fl" src="./imgs/book/book14.jpg" alt="">
                                <p class="fr">
                                    从你的世界路过
                                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                                    王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                                </p>
                            </div>
                        </li>
                        <li class="hot_book">
                            <span>4</span>
                            <p>就喜欢你看不惯我 又干不</p>
                            <div class="recomm_word fs14px clearfix">
                                <img class="fl" src="./imgs/book/book15.jpg" alt="">
                                <p class="fr">
                                    从你的世界路过
                                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                                    王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                                </p>
                            </div>
                        </li>
                        <li class="hot_book">
                            <span>5</span>
                            <p>就喜欢你看不惯我 又干不</p>
                            <div class="recomm_word fs14px clearfix">
                                <img class="fl" src="./imgs/book/book16.jpg" alt="">
                                <p class="fr">
                                    从你的世界路过
                                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                                    王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                                </p>
                            </div>
                        </li>
                        <li class="hot_book">
                            <span>6</span>
                            <p>就喜欢你看不惯我 又干不</p>
                            <div class="recomm_word fs14px clearfix">
                                <img class="fl" src="./imgs/book/book17.jpg" alt="">
                                <p class="fr">
                                    从你的世界路过
                                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                                    王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                                </p>
                            </div>
                        </li>
                        <li class="hot_book">
                            <span>7</span>
                            <p class="last">就喜欢你看不惯我 又干不</p>
                            <div class="recomm_word fs14px clearfix">
                                <img class="fl" src="./imgs/book/book10.jpg" alt="">
                                <p class="fr">
                                    从你的世界路过
                                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                                    王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                                </p>
                            </div>
                        </li>
                    </ol>

                </div>
            </div>
            <!-- 新书上架结束 -->

            <!-- 独家提供开始 -->
            <div class="offer mt40px floor">
                <div class="wrapper">
                    <!-- 独家提供区域标题部分 -->
                    <div class="common_title clearfix">
                        <h2 class="ffSimHei fs24px fl"><span class="fs28px">独</span>家提供</h2>
                        <ul class="ul_tab fr clearfix fs18px">
                            <li class="active">货币金融</li>
                            <li>社会文学</li>
                            <li>科学技术</li>
                        </ul>
                    </div>
                    <div class="line"></div>
                    <!-- 独家提供区域内容部分 -->
                    <!-- 第一个区域  -->
                    <div class="div_tab common_body clearfix on">

                        <div class="pptbox fr " id="slider">
                            <ul class="innerwrapper">
                                <li>
                                    <ul class="global_list">
                                        <script>
                                            for (let i = 0; i < 12; i++) {
                                                document.write(`
                                                <li>
                                                    <a href="#">
                                                        <img src="./imgs/book/book1.jpg" alt="">
                                                    </a>
                                                    <div class="text ffSimHei">
                                                        <p class="fs14px color33">查理 斯密斯</p>
                                                        <p class="fs14px">
                                                            中国邮电出版社
                                                        </p>
                                                        <p class="fs18px">
                                                            <span class="newprice">￥49</span>
                                                            <span class="delprice">￥79</span>
                                                        </p>
                                                    </div>
                                                </li>
                                                `);
                                            }
                                        </script>
                                    </ul>
                                </li>
                                <li>
                                    <ul class="global_list">
                                        <script>
                                            for (let i = 0; i < 12; i++) {
                                                document.write(`
                                                <li>
                                                    <a href="#">
                                                        <img src="./imgs/book/book14.jpg" alt="">
                                                    </a>
                                                    <div class="text ffSimHei">
                                                        <p class="fs14px color33">查理 斯密斯</p>
                                                        <p class="fs14px">
                                                            中国邮电出版社
                                                        </p>
                                                        <p class="fs18px">
                                                            <span class="newprice">￥49</span>
                                                            <span class="delprice">￥79</span>
                                                        </p>
                                                    </div>
                                                </li>
                                                `);
                                            }
                                        </script>
                                    </ul>
                                </li>

                                <li>
                                    <ul class="global_list">
                                        <script>
                                            for (let i = 0; i < 12; i++) {
                                                document.write(`
                                                <li>
                                                    <a href="#">
                                                        <img src="./imgs/book/book16.jpg" alt="">
                                                    </a>
                                                    <div class="text ffSimHei">
                                                        <p class="fs14px color33">查理 斯密斯</p>
                                                        <p class="fs14px">
                                                            中国邮电出版社
                                                        </p>
                                                        <p class="fs18px">
                                                            <span class="newprice">￥49</span>
                                                            <span class="delprice">￥79</span>
                                                        </p>
                                                    </div>
                                                </li>
                                                `);
                                            }
                                        </script>
                                    </ul>
                                </li>
                                </li>
                            </ul>
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>2</li>
                                <li>3</li>
                            </ul>
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>

                    </div>

                    <!-- 第二个区域  -->
                    <div class="div_tab common_body clearfix">

                        <div class="pptbox fr " id="slider">
                            <ul class="innerwrapper">
                                <li>
                                    <ul class="global_list">
                                        <script>
                                            for (let i = 0; i < 12; i++) {
                                                document.write(`
                                                <li>
                                                    <a href="#">
                                                        <img src="./imgs/book/book4.jpg" alt="">
                                                    </a>
                                                    <div class="text ffSimHei">
                                                        <p class="fs14px color33">查理 斯密斯</p>
                                                        <p class="fs14px">
                                                            中国邮电出版社
                                                        </p>
                                                        <p class="fs18px">
                                                            <span class="newprice">￥49</span>
                                                            <span class="delprice">￥79</span>
                                                        </p>
                                                    </div>
                                                </li>
                                                `);
                                            }
                                        </script>
                                    </ul>
                                </li>
                                <li>
                                    <ul class="global_list">
                                        <script>
                                            for (let i = 0; i < 12; i++) {
                                                document.write(`
                                                <li>
                                                    <a href="#">
                                                        <img src="./imgs/book/book6.jpg" alt="">
                                                    </a>
                                                    <div class="text ffSimHei">
                                                        <p class="fs14px color33">查理 斯密斯</p>
                                                        <p class="fs14px">
                                                            中国邮电出版社
                                                        </p>
                                                        <p class="fs18px">
                                                            <span class="newprice">￥49</span>
                                                            <span class="delprice">￥79</span>
                                                        </p>
                                                    </div>
                                                </li>
                                                `);
                                            }
                                        </script>
                                    </ul>
                                </li>

                                <li>
                                    <ul class="global_list">
                                        <script>
                                            for (let i = 0; i < 12; i++) {
                                                document.write(`
                                                <li>
                                                    <a href="#">
                                                        <img src="./imgs/book/book7.jpg" alt="">
                                                    </a>
                                                    <div class="text ffSimHei">
                                                        <p class="fs14px color33">查理 斯密斯</p>
                                                        <p class="fs14px">
                                                            中国邮电出版社
                                                        </p>
                                                        <p class="fs18px">
                                                            <span class="newprice">￥49</span>
                                                            <span class="delprice">￥79</span>
                                                        </p>
                                                    </div>
                                                </li>
                                                `);
                                            }
                                        </script>
                                    </ul>
                                </li>
                                </li>
                            </ul>
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>2</li>
                                <li>3</li>
                            </ul>
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>

                    </div>


                    <!-- 第三个区域  -->
                    <div class="div_tab common_body clearfix">

                        <div class="pptbox fr " id="slider">
                            <ul class="innerwrapper">
                                <li>
                                    <ul class="global_list">
                                        <script>
                                            for (let i = 0; i < 12; i++) {
                                                document.write(`
                                                <li>
                                                    <a href="#">
                                                        <img src="./imgs/book/book8.jpg" alt="">
                                                    </a>
                                                    <div class="text ffSimHei">
                                                        <p class="fs14px color33">查理 斯密斯</p>
                                                        <p class="fs14px">
                                                            中国邮电出版社
                                                        </p>
                                                        <p class="fs18px">
                                                            <span class="newprice">￥49</span>
                                                            <span class="delprice">￥79</span>
                                                        </p>
                                                    </div>
                                                </li>
                                                `);
                                            }
                                        </script>
                                    </ul>
                                </li>
                                <li>
                                    <ul class="global_list">
                                        <script>
                                            for (let i = 0; i < 12; i++) {
                                                document.write(`
                                                <li>
                                                    <a href="#">
                                                        <img src="./imgs/book/book9.jpg" alt="">
                                                    </a>
                                                    <div class="text ffSimHei">
                                                        <p class="fs14px color33">查理 斯密斯</p>
                                                        <p class="fs14px">
                                                            中国邮电出版社
                                                        </p>
                                                        <p class="fs18px">
                                                            <span class="newprice">￥49</span>
                                                            <span class="delprice">￥79</span>
                                                        </p>
                                                    </div>
                                                </li>
                                                `);
                                            }
                                        </script>
                                    </ul>
                                </li>

                                <li>
                                    <ul class="global_list">
                                        <script>
                                            for (let i = 0; i < 12; i++) {
                                                document.write(`
                                                <li>
                                                    <a href="#">
                                                        <img src="./imgs/book/book13.jpg" alt="">
                                                    </a>
                                                    <div class="text ffSimHei">
                                                        <p class="fs14px color33">查理 斯密斯</p>
                                                        <p class="fs14px">
                                                            中国邮电出版社
                                                        </p>
                                                        <p class="fs18px">
                                                            <span class="newprice">￥49</span>
                                                            <span class="delprice">￥79</span>
                                                        </p>
                                                    </div>
                                                </li>
                                                `);
                                            }
                                        </script>
                                    </ul>
                                </li>
                                </li>
                            </ul>
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>2</li>
                                <li>3</li>
                            </ul>
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>

                    </div>


                    <!-- 独家提供结束 -->

                    <!-- 猜你喜欢开始 -->
                    <div class="guess-like mt40px">
                        <div class="clearfix">
                            <h2 class="ffSimHei fs24px fl"><span class="fs28px">猜</span>你喜欢</h2>
                            <div class="changeAnother fr">
                                <img src="./imgs/book/02-产品列表页面_04.png" alt="">
                                <span class="ffSimHei fs18px" id="change">换一批</span>
                            </div>
                        </div>
                        <div class="line"></div>

                        <!-- 折扣区产品列表区 -->
                        <div class="div_box">
                            <div class="move_box">
                                <ul class="global_list clearfix">
                                    <script>
                                        for (i = 0; i < 10; i++) {
                                            document.write(`
                                                <li>
                                        <a href="#">
                                            <img src="./imgs/book/book9.jpg" alt="">
                                        </a>
                                        <img src="./imgs/book/02-产品列表_03.jpg" alt="">
                                        <div class="text ffSimHei">
                                            <p class="fs14px color33">白夜行 东野上吾</p>
                                            <p class="fs14px">
                                                <span>推荐:</span>
                                                <img src="./imgs/book/02-产品列表_07.jpg" alt="">
                                            </p>
                                            <p class="fs18px">
                                                <span class="newprice">￥:38</span>
                                                <span class="delprice">￥:58</span>
                                            </p>
                                        </div>
                                    </li>
                                                `)
                                        }
                                    </script>
                                </ul>

                                <ul class="global_list clearfix">
                                    <script>
                                        for (i = 0; i < 10; i++) {
                                            document.write(`
                                                <li>
                                        <a href="#">
                                            <img src="./imgs/book/book10.jpg" alt="">
                                        </a>
                                        <img src="./imgs/book/02-产品列表_03.jpg" alt="">
                                        <div class="text ffSimHei">
                                            <p class="fs14px color33">白夜行 东野上吾</p>
                                            <p class="fs14px">
                                                <span>推荐:</span>
                                                <img src="./imgs/book/02-产品列表_07.jpg" alt="">
                                            </p>
                                            <p class="fs18px">
                                                <span class="newprice">￥:38</span>
                                                <span class="delprice">￥:58</span>
                                            </p>
                                        </div>
                                    </li>
                                                `)
                                        }
                                    </script>
                                </ul>
                                <ul class="global_list clearfix">
                                    <script>
                                        for (i = 0; i < 10; i++) {
                                            document.write(`
                                                <li>
                                        <a href="#">
                                            <img src="./imgs/book/book15.jpg" alt="">
                                        </a>
                                        <img src="./imgs/book/02-产品列表_03.jpg" alt="">
                                        <div class="text ffSimHei">
                                            <p class="fs14px color33">白夜行 东野上吾</p>
                                            <p class="fs14px">
                                                <span>推荐:</span>
                                                <img src="./imgs/book/02-产品列表_07.jpg" alt="">
                                            </p>
                                            <p class="fs18px">
                                                <span class="newprice">￥:38</span>
                                                <span class="delprice">￥:58</span>
                                            </p>
                                        </div>
                                    </li>
                                                `)
                                        }
                                    </script>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- 猜你喜欢结束 -->

                    <!-- 人文社科区域 -->
                    <ul class="social_book clearfix">
                        <li>
                            <a href="#">
                                <img src="./imgs/book/book7.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/book/book7.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/book/book7.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/book/book7.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/book/book7.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./imgs/book/book7.jpg" alt="">
                            </a>
                        </li>
                    </ul>

                </div>
            </div>
            <!-- main区域结束 -->



            <div class="warImg wrapper"></div>


            <!-- 页脚开始 -->
            <div class="footer">
                <div class="div1">
                    <div class="div2">
                        <img src="./imgs/09_footer/footer_top01.png" alt="">
                        <img src="./imgs/09_footer/footer_top02.png" alt="">
                        <img src="./imgs/09_footer/footer_top03.png" alt="">
                        <img src="./imgs/09_footer/footer_top04.png" alt="">
                    </div>
                </div>
                <div class="wrapper div3">
                    <ul class="ul1 clearfix">
                        <li>购物指南
                            <ul>
                                <li><a href="#">购物流程</a></li>
                                <li><a href="#">发票制度</a></li>
                                <li><a href="#">账户管理</a></li>
                                <li><a href="#">会员优惠</a></li>
                            </ul>
                        </li>
                        <li>支付方式
                            <ul>
                                <li><a href="#">货到付款</a></li>
                                <li><a href="#">网上支付</a></li>
                                <li><a href="#">礼品卡支付</a></li>
                                <li><a href="#">银行转帐</a></li>
                            </ul>
                        </li>
                        <li>订单服务
                            <ul>
                                <li><a href="#">订单配送查询</a></li>
                                <li><a href="#">订单状态说明</a></li>
                                <li><a href="#">自助取消订单</a></li>
                                <li><a href="#">自助修改订单</a></li>
                            </ul>
                        </li>
                        <li>退换货
                            <ul>
                                <li><a href="#">退换货政策</a></li>
                                <li><a href="#">自助申请退换货</a></li>
                                <li><a href="#">退换货进度查询</a></li>
                                <li><a href="#">退款方式和时间</a></li>
                            </ul>
                        </li>
                        <li>商家服务
                            <ul>
                                <li><a href="#">商家服务</a></li>
                                <li><a href="#">运营服务</a></li>
                                <li><a href="#">加入尾品汇</a></li>
                            </ul>
                        </li>
                    </ul>
                    <img src="./imgs/09_footer/footer_logo.png" alt="">
                    <p>公司简介&emsp; │ &emsp; Rlations&emsp; │ &emsp;网站联盟 &emsp;│ &emsp;乐购招商&emsp; │ &emsp;机构销售&emsp; │
                        &emsp;手机乐购&emsp; │ &emsp;官方Blog&emsp; │ &emsp;热词搜索 </p>
                    <p>Copyright&emsp; (C)&emsp; 乐购网&emsp;2004-2016,&emsp;A1l Rights Reserved</p>
                </div>
            </div>
            <!-- 页脚结束 -->




            <!-- 引入当前文件 -->
            <script src="./lib/slider.js"></script>
            <script src="./js/product_list.js"></script>


</body>

</html>